<!-- 1. Vue 把一个完整的动画，拆分成了两部分   入场动画  和   出场动画 -->
<!-- 2. 入场动画中，包含两个时间点，分别是 进入之前（v-enter）  和   进入之后（v-enter-to） -->
<!-- 3. v-enter 表示 动画入场之前的起始状态，比如： 透明度为0， 横向偏移量 为   50px -->
<!-- 4. v-enter-to 表示 动画 入场完成之后的终止状态，比如： 透明度为 1， 横向偏移量为    0px  -->
<!-- 5. v-enter-active 表示 入场动画的时间段， 在这里，可以规定动画的时长、还有一些相关的动画效果 ease -->